{#{%  load static %}#}
<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <script src="/static/layui/layui.js"></script>
{#    <link href="{% static 'questiom/css/questionnaire.css' %}" rel="stylesheet"/>#}
    <script src="https://cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script>
    <script src="function.js"></script>
    <title>健康打卡</title>

    <style>
  #test-n1 .layui-laydate-main{
            width: 260px;
        }

        * {
            margin: 0;
            padding: 0;
        }

        div {
            border: 1px solid grey;
        }
        /*整个容器*/
        #main {
            position: relative;
            height: 1168px;
        }
        /*头部*/
        #head {
            position: absolute;
            height: 11%;
            width: 100%;
        }
        /*左部*/
        #left {
            width: 20%;
            position: absolute;
            height: 85%;
            top: 11%;
        }
        /*内容部分*/
        #content {
            position: absolute;
            top: 11%;
            left: 20%;
            width: 80%;
            height: 85%;
            border-bottom: -1px;
        }
        /*下部*/
        #foot {
            position: absolute;
            width: 100%;
            height: 3.5%;
            bottom: 0px;
        }
.img {
    margin: auto;
    border: 1px soild;
    border-style:outset;
<!--    float:left;>
    width: 10%;
}

    </style>

<style>
            input[type='text']{background:none;border:none;border-bottom:1px solid #ddd;}<!--所有input框类型为text的-->
            .inp{background:none;border:none;border-bottom:1px solid#0F2543;}
        </style>
<style>
        *a {
            box-sizing: border-box;
        }</style>

</head>
<body>
    <div id="main">
        <div id="head">
 <h1>每日员工健康打卡</h1>
            <p class="person"><img src="../../../static/question/images/person.jpg" alt="person" width="16" height="16">实名问卷</p>
            <p>所有员工须每日健康打卡，未满隔离期（14）天的返回本省员工还须登入隔离人员补充打卡，打卡有效时间均为早上6点到晚上10点。按时、完整和据实填报将奖励2元/人·日，若逾期、不完整或不据实填报将追究个人责任。</p>
        </div>
        <div id="left">

<br>
<div class="img">
<img src="temppic.jpg" alt="temppic" width="200" height="300">
 </div>
<br>
<p style="font-size:21px">姓名：</p>
<p style="font-size:21px">职务：</p>
<p style="font-size:21px">党支部：</p>
<br>
<p style="font-size:15px">打卡日历：</p>

<!--引入layui-->
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <script src="layui/layui.js"></script>

<div id="test-n1"></div>
<script>

    layui.use('laydate',function () {
        var laydate = layui.laydate;

        //直接嵌套显示
        laydate.render({
            elem: '#test-n1'
            ,position: 'static'
            ,min: '2020-1-28'
            ,max: getNowFormatDate()

        });
function getNowFormatDate() {
          var date = new Date();
          var seperator1 = "-";
          var seperator2 = ":";
          var month = date.getMonth() + 1;
          var strDate = date.getDate();
          if (month >= 1 && month <= 9) {
              month = "0" + month;
          }
          if (strDate >= 0 && strDate <= 9) {
              strDate = "0" + strDate;
          }
          var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
              + " " + date.getHours() + seperator2 + date.getMinutes()
              + seperator2 + date.getSeconds();
          return currentdate;
      }
    });

</script>





</div>
        <div id="content">
        <form name="myform" action="/question/answe" method="post">
            <b class="red">*</b>
            <b>1.本人的身体健康情况？</b><br>
            <br>
            <input type="radio" name="1" value="1" required checked="checked"/>身体健康，无异常<br>
            <br>
            <input type="radio" name="1" value="2" required checked="checked"/>有出现发热、乏力、呼吸困难等与新冠肺炎相关症状<br>
            <br>
            <input type="radio" name="1" value="3" required />有其他疾病症状<br>
            <br>

            <b class="red">*</b>
            <b>2.与本人共同居住的家人是否有出现发热、乏力、呼吸困难等与新冠肺炎相关症状？</b><br>
            <br>
            <input type="radio" name="2" value="1" required checked="checked"/>无<br>
            <br>
            <input type="radio" name="2" value="2" required/>有<br>
            <br>

            <b class="red">*</b>
            <b>3.本人落实疫情防控及复工复产措施情况？</b><br>
            <br>
            <input type="radio" name="3" value="1" required checked="checked"/>正常上班<br>
            <br>
            <input type="radio" name="3" value="2" required/>正常轮休，没有上班<br>
            <br>
            <input type="radio" name="3" value="3" required/>其他原因，没有上班<br>
            <br>
            <input type="radio" name="3" value="4" required/>本人及共同居住的家人有从境外、北京等高风险地区回来的，或已按有关部门要求仍在隔离中<br>
            <br>

            <b class="red">*</b>
            <b>4.本人工作场所的环境健康情况？</b><br><br>
            <input type="radio" name="4" value="1" required checked="checked"/>干净整洁、通风良好、环境舒适<br>
            <br>
            <input type="radio" name="4" value="2" required/>还需要进一步整治或改善<br>
            <br>

            <b class="red">*</b>
            <b>5.本人工作期间的心理健康情况？</b><br><br>
            <input type="radio" name="5" value="1" required checked="checked"/>沟通渠道畅通，工作心情愉快<br>
            <br>
            <input type="radio" name="5" value="2" required/>找不到人倾诉，需要关心帮助<br>
            <br>

            <b>6.本人有无需要向公司特别报告及说明事项？</b><br><br>
            <b class="gray">  如无，不填写任何内容</b><br>
            <input type="text" style="width:100%" class="inp">

            <br>
            <br>
            <br>
            <input type="submit" class="submit"  value="提交">

        </form>
</div>
        <div id="foot" align="center">南平铝业</div>

    </div>
</body>
</html>